<template>
	<view>
		<view class="w-750 h-100 b_bai d_flex d_flex_around tab-box">
			<view class="d_flex d_flex_items_center d_flex_wrap d_flex_center w-120 t_c" @click="jump(type1,'/pages/carOwner/releaseOrderIndex/index')">
				<view v-if="type1">
					<image src="https://tzdj.1qit.com/assets/wx_imgs/tabbar/04.png" class="w-46 h-46 db m_a m-t-5"></image>
					<view class="tab-text f-24 t_c m-t-10">发布订单</view>
				</view>
				<view v-else>
					<image src="https://tzdj.1qit.com/assets/wx_imgs/tabbar/4.png" class="w-46 h-46 db m_a m-t-5"></image>
					<view class="tab-text-active f-24 t_c m-t-10">发布订单</view>
				</view>
			</view>
			<view class="d_flex d_flex_items_center d_flex_wrap d_flex_center w-120 t_c" @click="jump(type2,'/pages/carOwner/myOrder/index')">
				<view v-if="type2">
					<image src="https://tzdj.1qit.com/assets/wx_imgs/tabbar/02.png" class="w-46 h-46 db m_a m-t-5"></image>
					<view class="tab-text f-24 t_c m-t-10">我的订单</view>
				</view>
				<view v-else>
					<image src="https://tzdj.1qit.com/assets/wx_imgs/tabbar/2.png" class="w-46 h-46 db m_a m-t-5"></image>
					<view class="tab-text-active f-24 t_c m-t-10">我的订单</view>
				</view>
			</view>
			<view class="d_flex d_flex_items_center d_flex_wrap d_flex_center w-120 t_c" @click="jump(type3,'/pages/driver/driverMy/index')">
				<view v-if="type3">
					<image src="https://tzdj.1qit.com/assets/wx_imgs/tabbar/03.png" class="w-46 h-46 db m_a m-t-5"></image>
					<view class="tab-text f-24 t_c m-t-10">我的</view>
				</view>
				<view v-else>
					<image src="https://tzdj.1qit.com/assets/wx_imgs/tabbar/3.png" class="w-46 h-46 db m_a m-t-5"></image>
					<view class="tab-text-active f-24 t_c m-t-10">我的</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			type1:{
				type:Boolean,
				default:true
			},
			type2:{
				type:Boolean,
				default:true
			},
			type3:{
				type:Boolean,
				default:true
			}
		},
		methods:{
			jump(type,url){
				console.log(type,url)
				if(!type){
					return
				}else{
					uni.redirectTo({
						url:url
					})
				}
			}
		}
	}
</script>

<style lang="scss">
	.tab-box{
		position:fixed;
		bottom:0;
		left:0;
		z-index: 9;
		.tab-text{
			color:#adadbe;
			width: 100%;
		}
		.tab-text-active{
			color:#0055fe;
			width: 100%;
		}
	}
</style>
